<!DOCTYPE html>
<%@page contentType="text/html; charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<html>
<head>
<%@include file="headScript.jsp"%>
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/report/acm4106script.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/libraries/d3/d3.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/libraries/uvcharts/dist/uvcharts.min.js"></script>
</head>
<body>
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					
		<li class="info">
			<div class="clearfix">
				<div><strong>ยินดีต้อนรับ</strong></div>
				<div><i class="fa fa-user"></i> Admin </div>
				<div class="mt-10"><strong>คุณเข้าระบบครั้งล่าสุดเมื่อ</strong></div>
				<div class="mb-10"><i class="fa fa-clock-o"></i> 13 / 01 / 2558 14:00:00</div>
			</div>
		</li>
		<li><a href="javascript:void(0)" ><i class="fa fa-briefcase"></i> Agent Management <span class="arrow"></span></a>
			<ul class="sub-menu">
				<li><a href="javascript:void(0)" ><i class="fa fa-folder"></i> GA : General Agent <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="${pageContext.request.contextPath}/content/ACM1101.jsp"><i class="fa fa-coffee"></i> AG </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM11021.jsp"><i class="fa fa-coffee"></i> AL </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM1103.jsp"><i class="fa fa-coffee"></i> AVP </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM1104.jsp"><i class="fa fa-coffee"></i> VP </a></li>
					</ul>
				</li>
				<li><a href="javascript:void(0)" ><i class="fa fa-folder"></i> SFC <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="${pageContext.request.contextPath}/content/ACM1201.jsp"><i class="fa fa-coffee"></i> AG : Financing Allowance </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM1202.jsp"><i class="fa fa-coffee"></i> AG : Recruiting Award </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM1203.jsp"><i class="fa fa-coffee"></i> MM : Incentive </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM1204.jsp"><i class="fa fa-coffee"></i> O/E : Operation Expense </a></li>
					</ul>
				</li>
				<li><a href="javascript:void(0)" ><i class="fa fa-folder"></i> Summary <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="${pageContext.request.contextPath}/content/ACM1301.jsp"><i class="fa fa-coffee"></i> GA - AG </a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="javascript:void(0)"><i class="fa fa-briefcase"></i> Data Management <span class="arrow"></span></a>
			<ul class="sub-menu">
				<li><a href="javascript:void(0)"><i class="fa fa-folder"></i> SFC <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="${pageContext.request.contextPath}/content/ACM2101.jsp"><i class="fa fa-coffee"></i> SFC Agent Structure </a></li>
					</ul>
				</li>
				<li><a href="javascript:void(0)"><i class="fa fa-folder"></i> Modify Data <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="${pageContext.request.contextPath}/content/ACM2201.jsp"><i class="fa fa-coffee"></i> SFC Agent Structure </a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="javascript:void(0)" ><i class="fa fa-briefcase"></i> Formula Management <span class="arrow"></span></a>
			<ul class="sub-menu">
				<li><a href="javascript:void(0)" ><i class="fa fa-folder"></i> SFC <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="${pageContext.request.contextPath}/content/ACM3101.jsp"><i class="fa fa-coffee"></i> Recruiting Award Management </a></li>
					</ul>
				</li>
				<li><a href="javascript:void(0)" ><i class="fa fa-folder"></i> Adjustment <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="${pageContext.request.contextPath}/content/ACM5101.jsp"><i class="fa fa-coffee"></i> Adjustment </a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li class="active"><a href="javascript:void(0)" ><i class="fa fa-briefcase"></i> Report Management <span class="arrow"></span></a>
			<ul class="sub-menu">
				<li class="active"><a href="javascript:void(0)" ><i class="fa fa-folder"></i> Demo Report <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="${pageContext.request.contextPath}/content/ACM4101.jsp"><i class="fa fa-coffee"></i> Report 1 </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM4102.jsp"><i class="fa fa-coffee"></i> Report 2 </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM4103.jsp"><i class="fa fa-coffee"></i> Report 3 </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM4104.jsp"><i class="fa fa-coffee"></i> Report 4 </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM4105.jsp"><i class="fa fa-coffee"></i> Report 5 </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM4106.jsp" class="active"><i class="fa fa-coffee"></i> Report 6 </a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="javascript:void(0)" ><i class="fa fa-briefcase"></i> Financial Management <span class="arrow"></span></a>
			<ul class="sub-menu">
				<li><a href="javascript:void(0)" ><i class="fa fa-folder"></i> Finance <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="${pageContext.request.contextPath}/content/ACM5102.jsp"><i class="fa fa-coffee"></i> Adjustment </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM5201.jsp"><i class="fa fa-coffee"></i> Tax Calculation </a></li>
						<li><a href="${pageContext.request.contextPath}/content/ACM5202.jsp"><i class="fa fa-coffee"></i> Tax Reduction </a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="javascript:void()"><i class="fa fa-sign-out"></i> ออกจากระบบ </a></li>
				</ul>
			</div>
			
			<!-- End Side Menu -->
		<div class="col-sm-12 col-xs-12" id="right-side">
				<div id="navigator-bar">
					<i class="fa fa-home"></i> หน้าหลัก <i
						class="fa fa-angle-right ml-5 mr-5"></i> จำนวนพนักงานภายในบริษัท
				</div>
				<!-- Start detail-area -->
				<div id="report">

					<div id="page-header" class="clearfix">
						<div>แผนภูมิแสดงจำนวนพนักงานแยกตามสาขา <br>(Number of Employees)</div>
					</div>
					<div class="form-detail clearfix" style="margin-top: -30px">
						<div>
							<span style="margin-left: -30px" id="uv-div"></span>
						</div>
					</div>
				</div>
				<!-- End detail-area -->
				<div class="form-detail clearfix" style="margin-top: -90px">
					<div align="right">
						<button class="btn btn-primary" id="print">พิมพ์รายงาน</button>
					</div>
				</div>

				<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2558 โดยบริษัท เอสแคป โซลูชั่นส์ จำกัด</div>
		</div>

	</div>
</div>
</body>
</html>